//留言
.message {
	font-family: arial,Microsoft Yahei;
	width:100%;
	position:relative;
	max-width:720px;
	min-width:320px;
	overflow:hidden;
	margin:0 auto;
	font-size:16px;
	background-color:#FFF;
	padding-bottom:20px;
	h1, h2, h3, h4, h5, h6, strong {
	    font-size: 100%;
	    font-weight: normal;
	}
	select, textarea, input[type="text"], input[type="password"]{			
		display: inline-block;
		height: 20px;
		padding: 4px 6px;
		font-size: 14px;
		line-height: 20px;
		color: #555;
		border-radius: 3px;
		vertical-align: middle;
		border:1px solid #ccc;
		outline: none;
	}
	select, input[type="file"] {
	  height: 30px;
	  line-height: 30px;
	}
	input[type="text"]:focus,input[type="password"]:focus,textarea:focus{
		border-color: rgba(82,168,236,0.8);
	}
	input[type="text"],input[type="password"]{
		background-color: #fff;
		border: 1px solid #ccc;
		transition: border linear .2s, box-shadow linear .2s;
	}
	.msg-form {
		padding:10px 15px 0;
		h2 {
			margin:8px 0 10px;
			line-height:1.5;
			font-size:13px;
			color:#686868;
			span {
				color:#252525
			}
		}
		input {
			-webkit-tap-highlight-color:rgba(0,0,0,0);
			-webkit-tap-highlight-color:transparent;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
		}
		.item {
			position:relative;
			width:100%;
			margin-bottom:10px;
			.txt-input {
				width:100%;
				height:44px;
				line-height:normal;
				padding:0;
				border:1px solid #d7d7d7;
				border-radius:3px;
				background:#fff;
				font-family:'\5fae\8f6f\96c5\9ed1';
				font-size:16px;
				color:#252525;
			}
			.txt-input::-webkit-input-placeholder {
				color:#bfbfbf
			}
			.txt-input:-moz-placeholder {
				color:#bfbfbf
			}
			.txt-input::-moz-placeholder {
				color:#bfbfbf
			}
			.txt-input:-ms-input-placeholder {
				color:#bfbfbf
			}
			.err-msg {
				font-size:13px;
				color:#f25454
			}	
			.txt-err {
				border:1px solid #f25454
			}
			.txt-phone {
				padding-left:15px;
				width:53.31034482758621%
			}
			.txt-captcha {
				padding-left:15px
			}
			.txt-password {
				padding-left:15px
			}
			.txt-username {
				padding-left:15px
			}
			.txt-pad18 {
				padding-left:18px
			}
			.input-close {
				display:block;
				position:absolute;
				top:16px;
				width:10px;
				height:10px;
				background:url(../images/2.png)no-repeat;
				background-size:10px 10px;
				cursor:pointer
			}
			textarea{
				width:e("calc(100% - 14px)");
				height:120px;
				background-color:#fff;
				resize:none;
			}
		}
		.item:after {
			display:block
		}
		.item-captcha{
			.input-info {
				margin-bottom:10px
			}
			#captcha-img {
				position:absolute;
				right:0;
				top:9px;
				width:79px;
				height:25px;
				padding-left:7px;
				border-left:1px solid #d7d7d7
			}
			.captcha-i {
				display:inline-block;
			    position:absolute;
				background-color: #f25454;
			    line-height: 45px;
			    text-align: center;
				right:0;
				top:0px;
				width:120px;
				height:100%;
				text-decoration:none;
				color:#fff;
				&[disabled]{
					background:#e2e2e2;
					cursor:default;
					color:#bdbdbd;
				}
			}
			.input-close {
				right:89px
			}
			.login-free {
				position:relative;
				height:18px;
				line-height:18px;
				font-size:13px;
				color:#848689;
				.login_lb{
					background: url(../images/5.png) no-repeat 0 0;
					background-size: 18px 18px;
					padding-left:26px;
					height: 18px;
					line-height: 18px;
					display:inline-block;
					user-select:none;
					-moz-user-select:none;
					-webkit-user-select:none;
					-ms-user-select:none;
					-khtml-user-select:none;
				}
				#auto_login {	
					display:none;
					&:checked + label {
						background: url(../images/6.png) no-repeat 0 0;
						background-size: 18px 18px;
					}
				}
			}
		}
		.item-head {
			margin-bottom: 15px;
		    font-size: 15px;
		    color: #999;
		}
		.item-phone  {
			.input-close {
				right:15px
			}
			.btn-retransmit {
				float:right;
				overflow:hidden;
				width:44.13793103448276%;
				height:42px;
				border:1px solid #f15353;
				border-radius:3px;
				background:#fff;
				line-height:44px;
				text-align:center;
				cursor:pointer;
				font-size:14px;
				color:#f15353
			}
			.btn-retransmit-disabled {
				box-shadow:none;
				border:1px solid #e2e2e2;
				background:#e2e2e2;
				cursor:default;
				color:#bdbdbd
			}
		}
		.item-username {
			.input-close {
				right:17px
			}
		}
		.item-password {
			.input-close {
				right:78px
			}
			.tp-btn {
				display:block;
				position:absolute;
				right:10px;
				top:8px;
				width:51px;
				height:35px
			}
			.btn-off {
				background:url(../images/3.png)no-repeat;
				background-size:51px 35px
			}
			.btn-on {
				background:url(../images/4.png)no-repeat;
				background-size:51px 35px
			}
			.err-tips {
				margin:13px 0 24px;
				font-size:13px;
				color:#848689;
				a {
					color:#f25454;
					display:inline-block;
					height:15px
				}
			}
		}
		.item-btns {
			.btn-login, .btn-next {
				display:inline-block;
				width:100%;
				height:40px;
				border-radius:3px;
				background:#FF7700;
				text-decoration:none;
				line-height:39px;
				text-align:center;
				font-size:17px;
				color:#fff
			}
			.btn-disabled {
				background:#e2e2e2;
				cursor:default;
				color:#bdbdbd
			}
		}
		.item-sms-captcha {
			margin-bottom:10px;
			.txt-sms-captcha {
				float:left;
				padding-left:15px
			}
			.input-close {
				left:52.75862068965517%
			}
		}
		.item-sms-captcha1 {
			margin-bottom:42px
		}
		.item-login-option {
			padding-top:20px;
			margin-bottom:34px;
			font-size:14px;
			.register-free {
				float:left;
				width:50%;
				a {
					color:#686868;
					font-size:15px;
					border-bottom:1px solid #686868;
					height:18px;
					display:inline-block
				}
			}
			.retrieve-password {
				float:right;
				width:50%;
				text-align:right;
				a {
					color:#686868;
					font-size:15px;
					border-bottom:1px solid #686868;
					height:18px;
					display:inline-block
				}
			}
		}
		.item-login-option:after {
			display:block
		}
		.item-login-other dt {
			margin-bottom:13px;
			font-size:14px;
			color:#666
		}
		.item-login-other dd {
			a {
				float:left;
				span {
					display:inline-block;
					overflow:hidden;
					width:70px;
					height:30px;
					background:url(../images/7.png)no-repeat;
					background-size:285px 24px;
					line-height:100px;
					text-indent:-9999px
				}
			}
			.qq {
				width:25.17%;
				span {
					width:25px;
					margin-left:5px
				}
			}
			.renren {
				width:27.7586%;
				span {
					width:38px;
					background-position:-66px 0
				}
			}
			.weibo {
				width:19.2714%;
				span {
					width:29px;
					background-position:-144px 0
				}
			}
			.douban {
				width:27.8%;
				text-align:right;
				span {
					width:82px;
					background-position:-205px 0
				}
			}
		}
	}

	
	//我的留言
	.msg-list{
		display:table;
		width:94%;
		padding:5px 3% 5px 3%;
		line-height:20px;
		color:#666666;
		font-size: 13px;
		background:#FFF;
		li{
			position:relative;
			display: -webkit-box;
			padding:10px 0 6px 0;
			border-bottom:1px solid #EAEAEA;
			a{
			    display: block;
    			width: 100%;
			}
			h2{
				font-size:15px;
				img{
					height:18px;
					vertical-align: middle;
					margin-top:-2px;
					display:none;
				}
				&.isnew{
					img{
						display:inline;
					}
					font-weight:bold;
				}
			}
			h3{
				font-size:12px;
				color:#999999;
			}
			h4{
				position:absolute;
				top:16px;
				right:0;
				color:#fd7b09;
				font-size:15px;
			}
			p{
				margin:5px 0;
				&.fb-reply{
					border:1px solid #DDDDDD;
					padding:10px;
				}
			}
			.green,.green a{
				color:#009900;
			}
			strong{
				font-weight:bold;
			}
		}
		.kcc-txt{
		    -webkit-box-flex: 1;
		}
	}
	
	.link1{
		font-size: 13px;
		background-image: none;
		border: 1px solid #c5c5c5;
		box-shadow: none;
		border-radius: 4px;
		padding: 4px 12px;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		color: #333;
		text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		background-color: #f5f5f5;
		line-height:120%;
	}
	.link2{
		margin-left:15px;
		font-size:12px;
		color:#999;
		border-bottom:1px solid #999;
	}
	input[type='file']{
		max-width:e("-moz-calc(100% - 58px)");
		max-width:e("-webkit-calc(100% - 58px)");
		max-width:e("calc(100% - 58px)");
	}
}

//查看更多
.load-more {
	padding: 1em 0px;
	text-align: center;
	background: #FFF none repeat scroll 0% 0%;
	color:#999;
	font-size: 15px;
}

//file input
.fileWrapper{
	position:relative;
	padding:0;
	overflow:hidden;
	width:100% !important;
	margin-bottom:12px;
}	
input[type="text"].fileInputText{ 
	float:left;
	border:1px solid #ddd ;
	padding:0 5px;
	margin:0;
	width:e("-moz-calc(100% - 120px)") !important;
	width:e("-webkit-calc(100% - 120px)") !important;
	width:e("calc(100% - 120px)") !important;
	line-height:32px !important;
	height:32px !important;
}
input[type="button"].fileInputButton{ 
	float:right; 
	border:solid 1px #ccc; 
	background:#f5f5f5;
	margin:0;
	padding:0;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box
}